<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 7.3.0">

  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.ico">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.ico">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">



<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha256-wiz7ZSCn/btzhjKDQBms9Hx4sSeUYsDrTLg7roPstac=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.28/fancybox/fancybox.css" integrity="sha256-6cQIC71/iBIYXFK+0RHAvwmjwWzkWd+r7v/BX3/vZDc=" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/themes/green/pace-theme-minimal.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js" integrity="sha256-gqd7YTjg/BtfqWSwsJOvndl0Bxc8gFImLEkXQT8+qj0=" crossorigin="anonymous"></script>

<script class="next-config" data-name="main" type="application/json">{"hostname":"sumumm.github.io","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.19.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":true,"style":"mac"},"fold":{"enable":true,"height":300},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":true,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":true,"async":true,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>

    <meta name="description" content="来学习一下LCD的时序？若笔记中有错误或者不合适的地方，欢迎批评指正😃。">
<meta property="og:type" content="article">
<meta property="og:title" content="LV10-01-LCD驱动-02-LCD时序分析">
<meta property="og:url" content="https://sumumm.github.io/post/3e5a6532.html">
<meta property="og:site_name" content="苏木">
<meta property="og:description" content="来学习一下LCD的时序？若笔记中有错误或者不合适的地方，欢迎批评指正😃。">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410112827564.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410113333002.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410151200644.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410151224900.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410150118893.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/012_lcd_controller_timing.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410141911816.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410142908317.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410143325033.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410155353414.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410165527136.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410165950626.png">
<meta property="og:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250411111347791.png">
<meta property="article:published_time" content="2025-04-16T12:55:45.000Z">
<meta property="article:modified_time" content="2025-06-13T16:25:57.059Z">
<meta property="article:author" content="苏木">
<meta property="article:tag" content="LV10-LCD驱动">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410112827564.png">


<link rel="canonical" href="https://sumumm.github.io/post/3e5a6532.html">



<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":"","permalink":"https://sumumm.github.io/post/3e5a6532.html","path":"post/3e5a6532.html","title":"LV10-01-LCD驱动-02-LCD时序分析"}</script>

<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>LV10-01-LCD驱动-02-LCD时序分析 | 苏木</title>
  








    <script src="/js/browser_tools_disable.js"></script>

  <noscript>
    <link rel="stylesheet" href="/css/noscript.css">
  </noscript>
<!-- hexo injector head_end start --><link rel="stylesheet" href="https://unpkg.com/hexo-next-tags-plus@latest/lib/tag_plus.css" media="defer" onload="this.media='all'"><!-- hexo injector head_end end --></head>

<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
  <div class="headband"></div>

  <main class="main">
    <div class="column">
      <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <p class="site-title">苏木</p>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description">我的学习之路</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger" aria-label="搜索" role="button">
        <i class="fa fa-search fa-fw fa-lg"></i>
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>苏木的家</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类页<span class="badge">42</span></a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档页<span class="badge">673</span></a></li><li class="menu-item menu-item-flink"><a href="/flink/" rel="section"><i class="fa fa-link fa-fw"></i>友人帐</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于我</a></li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>
</nav>



  <div class="search-pop-overlay">
    <div class="popup search-popup"><div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocapitalize="off" maxlength="80"
           placeholder="搜索..." spellcheck="false"
           type="search" class="search-input">
  </div>
  <span class="popup-btn-close" role="button">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div class="search-result-container no-result">
  <div class="search-result-icon">
    <i class="fa fa-spinner fa-pulse fa-5x"></i>
  </div>
</div>

    </div>
  </div>

</header>
        
  
  <aside class="sidebar">

    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
      <ul class="sidebar-nav">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <div class="sidebar-panel-container">
        <!--noindex-->
        <div class="post-toc-wrap sidebar-panel">
            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%B8%80%E3%80%81%E6%88%91%E4%BD%BF%E7%94%A8%E7%9A%84LCD%E5%B1%8F"><span class="nav-text">一、我使用的LCD屏</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E7%A1%AC%E4%BB%B6%E5%8E%9F%E7%90%86%E5%9B%BE"><span class="nav-text">1. 硬件原理图</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-ATK-MD0430R-%E6%A8%A1%E5%9D%97"><span class="nav-text">2. ATK-MD0430R 模块</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#2-1-%E6%A8%A1%E5%9D%97%E7%AE%80%E4%BB%8B"><span class="nav-text">2.1 模块简介</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-2-%E5%BC%95%E8%84%9A%E8%AF%B4%E6%98%8E"><span class="nav-text">2.2 引脚说明</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-3-%E6%8E%A5%E5%8F%A3%E6%97%B6%E5%BA%8F%E8%A1%A8"><span class="nav-text">2.3 接口时序表</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-%E8%8A%AF%E7%89%87%E6%89%8B%E5%86%8C"><span class="nav-text">3. 芯片手册</span></a></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#%E4%BA%8C%E3%80%81LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90"><span class="nav-text">二、LCD时序分析</span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#1-%E6%97%B6%E9%97%B4%E5%8F%82%E6%95%B0"><span class="nav-text">1. 时间参数</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#1-1-%E6%B0%B4%E5%B9%B3%E5%90%8C%E6%AD%A5%E4%BF%A1%E5%8F%B7HSYNC"><span class="nav-text">1.1 水平同步信号HSYNC</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-2-%E5%9E%82%E7%9B%B4%E5%90%8C%E6%AD%A5%E4%BF%A1%E5%8F%B7VSYNC"><span class="nav-text">1.2 垂直同步信号VSYNC</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-3-HBP%E3%80%81-HFP%E3%80%81-VBP-%E5%92%8C-VFP"><span class="nav-text">1.3 HBP、 HFP、 VBP 和 VFP</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#1-4-RGB-LCD%E5%B1%8F%E5%B9%95%E6%97%B6%E5%BA%8F"><span class="nav-text">1.4 RGB LCD屏幕时序</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#1-4-1-%E8%A1%8C%E6%98%BE%E7%A4%BA%E6%97%B6%E5%BA%8F"><span class="nav-text">1.4.1 行显示时序</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#1-4-2-%E5%B8%A7%E6%98%BE%E7%A4%BA%E6%97%B6%E5%BA%8F"><span class="nav-text">1.4.2 帧显示时序 </span></a></li></ol></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#2-%E5%83%8F%E7%B4%A0%E6%97%B6%E9%92%9F"><span class="nav-text">2. 像素时钟</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#2-1-%E6%80%8E%E4%B9%88%E8%AE%A1%E7%AE%97%EF%BC%9F"><span class="nav-text">2.1 怎么计算？</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#2-2-%E6%97%B6%E9%92%9F%E6%80%8E%E4%B9%88%E6%9D%A5%E7%9A%84%EF%BC%9F"><span class="nav-text">2.2 时钟怎么来的？</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#3-LCD%E6%97%B6%E5%BA%8F%E5%8F%82%E6%95%B0%E6%80%BB%E7%BB%93"><span class="nav-text">3. LCD时序参数总结</span></a></li></ol></li></ol></div>
        </div>
        <!--/noindex-->

        <div class="site-overview-wrap sidebar-panel">
          <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="苏木"
      src="/images/avatar.jpg">
  <p class="site-author-name" itemprop="name">苏木</p>
  <div class="site-description" itemprop="description">莫道桑榆晚，为霞尚满天</div>
</div>
<div class="site-state-wrap animated">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
        <a href="/archives/">
          <span class="site-state-item-count">673</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
          <a href="/categories/">
        <span class="site-state-item-count">42</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
        <span class="site-state-item-count">43</span>
        <span class="site-state-item-name">标签</span>
      </div>
  </nav>
</div>
  <div class="links-of-author animated">
      <span class="links-of-author-item">
        <a href="https://github.com/sumumm" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;sumumm" rel="noopener me" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
      </span>
  </div>

        </div>
      </div>
    </div>

    
  </aside>


    </div>

    <div class="main-inner post posts-expand">


  


<div class="post-block">
  
  

  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="https://sumumm.github.io/post/3e5a6532.html">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="苏木">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="苏木">
      <meta itemprop="description" content="莫道桑榆晚，为霞尚满天">
    </span>

    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
      <meta itemprop="name" content="LV10-01-LCD驱动-02-LCD时序分析 | 苏木">
      <meta itemprop="description" content="">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          LV10-01-LCD驱动-02-LCD时序分析
        </h1>

        <div class="post-meta-container">
          <div class="post-meta">
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-calendar"></i>
      </span>
      <span class="post-meta-item-text">发表于</span>

      <time title="创建时间：2025-04-16 20:55:45" itemprop="dateCreated datePublished" datetime="2025-04-16T20:55:45+08:00">2025-04-16</time>
    </span>
    <span class="post-meta-item">
      <span class="post-meta-item-icon">
        <i class="far fa-folder"></i>
      </span>
      <span class="post-meta-item-text">分类于</span>
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/" itemprop="url" rel="index"><span itemprop="name">嵌入式开发</span></a>
        </span>
          ，
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/" itemprop="url" rel="index"><span itemprop="name">02IMX6ULL平台</span></a>
        </span>
          ，
        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
          <a href="/categories/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/" itemprop="url" rel="index"><span itemprop="name">LV10-LCD驱动</span></a>
        </span>
    </span>

  
    <span class="post-meta-break"></span>
    <span class="post-meta-item" title="本文字数">
      <span class="post-meta-item-icon">
        <i class="far fa-file-word"></i>
      </span>
      <span class="post-meta-item-text">本文字数：</span>
      <span>6.7k</span>
    </span>
    <span class="post-meta-item" title="阅读时长">
      <span class="post-meta-item-icon">
        <i class="far fa-clock"></i>
      </span>
      <span class="post-meta-item-text">阅读时长 &asymp;</span>
      <span>25 分钟</span>
    </span>
</div>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody"><p>来学习一下LCD的时序？若笔记中有错误或者不合适的地方，欢迎批评指正😃。</p>
<span id="more"></span>

<!-- Photo: https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/ -->

<details class="folding-tag" blue><summary> 点击查看使用工具及版本 </summary>
              <div class='content'>
              <table>    <tr>        <td align="center" rowspan="5">PC端开发环境</td>        <td align="center" width=150px>Windows</td>        <td align="left">Windows11</td>    </tr>    <tr>        <td align="center">Ubuntu</td>        <td align="left">Ubuntu20.04.2的64位版本</td>      </tr>    <tr>        <td align="center">VMware® Workstation 17 Pro</td>        <td align="left">17.6.0 build-24238078</td>      </tr>    <tr>        <td align="center">终端软件</td>        <td align="left">MobaXterm(Professional Edition v23.0 Build 5042 (license))</td>    </tr>    <tr>        <td align="center">Win32DiskImager</td>        <td align="left">Win32DiskImager v1.0</td>      </tr>    <tr>        <td align="center" rowspan="3">Linux开发板环境</td>        <td align="center">Linux开发板</td>        <td align="left">正点原子 i.MX6ULL Linux 阿尔法开发板</td>      </tr>    <tr>        <td align="center">uboot</td>        <td align="left">NXP官方提供的uboot，使用的uboot版本为U-Boot 2019.04</td>      </tr>    <tr>        <td align="center">linux内核</td>        <td align="left">linux-4.19.71(NXP官方提供)</td>      </tr></table>
              </div>
            </details>

<details class="folding-tag" blue><summary> 点击查看本文参考资料 </summary>
              <div class='content'>
              <table>    <tr>        <td align="center">分类</td>        <td align="center">网址</td>        <td align="center">说明</td>    </tr>    <tr>        <td align="center" rowspan="5">官方网站</td>        <td align="left"><a href="https://www.arm.com/" target="_blank">https://www.arm.com/</a></td>        <td align="left">ARM官方网站，在这里我们可以找到Cotex-Mx以及ARMVx的一些文档</td>    </tr>    <tr>        <td align="left"><a href="https://www.nxp.com.cn/" target="_blank">https://www.nxp.com.cn/ </a></td>        <td align="left">NXP官方网站</td>    </tr>    <tr>        <td align="left"><a href="https://www.nxpic.org.cn/" target="_blank">https://www.nxpic.org.cn/</a></td><td align="left">NXP 官方社区</td>    </tr>    <tr>        <td align="left"><a href="https://u-boot.readthedocs.io/en/latest/" target="_blank">https://u-boot.readthedocs.io/en/latest/</a></td><td align="left">u-boot官网</td>    </tr>    <tr>        <td align="left"><a href="https://www.kernel.org/" target="_blank">https://www.kernel.org/</a></td><td align="left">linux内核官网</td>    </tr></table>
              </div>
            </details>

<details class="folding-tag" blue><summary> 点击查看相关文件下载 </summary>
              <div class='content'>
              <table>    <tr>        <td align="center">分类</td>        <td align="center">网址</td>        <td align="center">说明</td>    </tr>    <tr>        <td align="center" rowspan="3">NXP</td>        <td align="left"><a href="https://github.com/nxp-imx" target="_blank">https://github.com/nxp-imx</a></td>        <td align="left">NXP imx开发资源GitHub组织，里边会有u-boot和linux内核的仓库</td>    </tr>    <tr>        <td align="left"><a href="https://github.com/nxp-imx/linux-imx/releases/tag/v4.19.71" target="_blank">nxp-imx/linux-imx/releases/tag/v4.19.71</a></td>        <td align="left">NXP linux内核仓库tags中的v4.19.71</td>    </tr>    <tr>        <td align="left"><a href="https://github.com/nxp-imx/uboot-imx/releases/tag/rel_imx_4.19.35_1.1.0" target="_blank">nxp-imx/uboot-imx/releases/tag/rel_imx_4.19.35_1.1.0</a></td>        <td align="left">NXP u-boot仓库tags中的rel_imx_4.19.35_1.1.0</td>    </tr>    <tr>        <td align="center" rowspan="2">I.MX6ULL</td>        <td align="left"><a href="https://www.nxp.com.cn/docs/en/data-sheet/IMX6ULLIEC.pdf" target="_blank">i.MX 6ULL Applications Processors for Industrial Products</a></td>        <td align="left">I.MX6ULL 芯片手册（datasheet，可以在线查看）</td>    </tr>    <tr>        <td align="left"><a href="https://www.nxp.com.cn/webapp/Download?colCode=IMX6ULLRM&lang_cd=zh" target="_blank">i.MX 6ULL Applications ProcessorReference Manual</a></td>        <td align="left">I.MX6ULL 参考手册（下载后才能查看，需要登录NXP官网）</td>    </tr>    <tr>        <td align="center" rowspan="3">Source Code</td>        <td align="left"><a href="https://elixir.bootlin.com/linux/latest/source" target="_blank">https://elixir.bootlin.com/linux/latest/source</a></td>        <td align="left">linux kernel源码</td>    </tr>    <tr>        <td align="left"><a href="https://git.kernel.org/pub/scm/linux/kernel/git/stable/linux.git/tree/?h=v4.19.71&id=e7d2672c66e4d3675570369bf20856296da312c4" target="_blank">kernel/git/stable/linux.git - Linux kernel stable tree</a></td>        <td align="left">linux kernel源码(官网,tag 4.19.71)</td>    </tr>    <tr>        <td align="left"><a href="https://elixir.bootlin.com/u-boot/latest/source" target="_blank">https://elixir.bootlin.com/u-boot/latest/source</a></td>        <td align="left">uboot源码</td>    </tr></table>
              </div>
            </details>

<h1 id="一、我使用的LCD屏"><a href="#一、我使用的LCD屏" class="headerlink" title="一、我使用的LCD屏"></a><font size=3>一、我使用的LCD屏</font></h1><h2 id="1-硬件原理图"><a href="#1-硬件原理图" class="headerlink" title="1. 硬件原理图"></a><font size=3>1. 硬件原理图</font></h2><p>ALPHA 底板载了 RGB LCD 接口，此部分电路如图 ：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410112827564.png" alt="image-20250410112827564"  />

<p>RGBLCD 就是 RGB LCD 接口，采用 RGB888 数据格式，并支持触摸屏（支持电阻屏和电容屏）。该接口仅支持 RGB 接口的液晶（不支持 MCU 接口的液晶），目前正点原子的RGB 接口 LCD 模块有： 4.3 寸（ID:4342， 480*272 和 ID:4384， 800*480）、 7 寸(ID:7084， 800*480和 ID:7016， 1024*600)和 10 寸(ID:1018， 1280*800)等尺寸可选。</p>
<h2 id="2-ATK-MD0430R-模块"><a href="#2-ATK-MD0430R-模块" class="headerlink" title="2. ATK-MD0430R 模块"></a><font size=3>2. ATK-MD0430R 模块</font></h2><h3 id="2-1-模块简介"><a href="#2-1-模块简介" class="headerlink" title="2.1 模块简介"></a><font size=3>2.1 模块简介</font></h3><p>我使用的是800*480的4.3寸屏：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410113333002.png" alt="image-20250410113333002" style="zoom:50%;" />

<p>该模块<strong>不带控制器</strong>，所以只能用于那些自带显示控制器的 MCU 或者 CPU，比如 ST 的 STM32F4x9， STM32F7x6 和 STM32H7x3等。该<strong>模块没显存</strong>，所以在使用的时候需要提供外部 RAM 来作为显示屏的显存。模块采用电容触摸屏，支持 5 点同时触摸，具有非常好的操控效果。ATK-MD0430R 模块还提供了背光控制功能。各项参数如下：</p>
<table>
<thead>
<tr>
<th>项目</th>
<th>说明</th>
</tr>
</thead>
<tbody><tr>
<td>接口类型</td>
<td>LCD：并行 24 位 RGB 接口 触摸屏： IIC</td>
</tr>
<tr>
<td>颜色格式</td>
<td>RGB888（也可以用 RGB565）</td>
</tr>
<tr>
<td>颜色深度</td>
<td>最大 24 位</td>
</tr>
<tr>
<td>显存容量</td>
<td>无显存 1</td>
</tr>
<tr>
<td>LCD 分辨率</td>
<td>480*272 或 800*480</td>
</tr>
<tr>
<td>触摸屏类型</td>
<td>电容触摸</td>
</tr>
<tr>
<td>触摸点数</td>
<td>最多 5 点同时触摸</td>
</tr>
<tr>
<td>工作温度</td>
<td>-20℃~70℃</td>
</tr>
<tr>
<td>存储温度</td>
<td>-30℃~80℃</td>
</tr>
<tr>
<td>外形尺寸</td>
<td>68mm*118mm</td>
</tr>
</tbody></table>
<blockquote>
<p>在使用的时候需要提供外部 RAM 来作为 LCD 的显存！</p>
</blockquote>
<table>
<thead>
<tr>
<th>项目</th>
<th>说明</th>
</tr>
</thead>
<tbody><tr>
<td>电源电压</td>
<td>5± 0.5V</td>
</tr>
<tr>
<td>IO 口电平</td>
<td>3.3V LVTTL</td>
</tr>
<tr>
<td>功耗</td>
<td>ATK-DM0430R-480232： 40~165mA； ATK-DM0430R-800480： 120~320mA</td>
</tr>
</tbody></table>
<blockquote>
<p>注 1： 3.3V 系统，可以直接接本模块（供电必须 5V），如果是 5V 系统，建议串接 100R 左右电阻，做限流处理。</p>
<p>注 2： 40mA 和 120mA 对应背光关闭时的功耗， 165mA 和 320mA 对应背光最亮时的功耗，此数据是在电源电压为 5V 时测出的，实际应用中功耗会由于电源电压的波动而略微变化。</p>
</blockquote>
<h3 id="2-2-引脚说明"><a href="#2-2-引脚说明" class="headerlink" title="2.2 引脚说明"></a><font size=3>2.2 引脚说明</font></h3><p>模块通过 40P FPC 接口同外部连接，各引脚的详细描述如表 ：</p>
<table>
<thead>
<tr>
<th>序号</th>
<th>名称</th>
<th>说明</th>
</tr>
</thead>
<tbody><tr>
<td>1,2</td>
<td>VCC5</td>
<td>5V 电源输入引脚。</td>
</tr>
<tr>
<td>3~10</td>
<td>R0~R7</td>
<td>8 位 RED 数据线。</td>
</tr>
<tr>
<td>11</td>
<td>GND</td>
<td>地线。</td>
</tr>
<tr>
<td>12~19</td>
<td>G0~G7</td>
<td>8 位 GREEN 数据线。</td>
</tr>
<tr>
<td>20</td>
<td>GND</td>
<td>地线</td>
</tr>
<tr>
<td>21~28</td>
<td>B0~B7</td>
<td>8 位 BLUE 数据线。</td>
</tr>
<tr>
<td>29</td>
<td>GND</td>
<td>地线。</td>
</tr>
<tr>
<td>30</td>
<td>CLK</td>
<td>像素时钟。</td>
</tr>
<tr>
<td>31</td>
<td>HSYNC</td>
<td>水平同步信号。</td>
</tr>
<tr>
<td>32</td>
<td>VSYNC</td>
<td>垂直同步信号。</td>
</tr>
<tr>
<td>33</td>
<td>DE</td>
<td>数据使能信号。</td>
</tr>
<tr>
<td>34</td>
<td>BL</td>
<td>背光控制信号。</td>
</tr>
<tr>
<td>35</td>
<td>CS</td>
<td>电容触摸屏复位信号(CT_RST)</td>
</tr>
<tr>
<td>36</td>
<td>MOSI</td>
<td>电容触摸屏 IIC_SDA 信号(CT_SDA)</td>
</tr>
<tr>
<td>37</td>
<td>MISO</td>
<td>NC，电容触摸屏未用到</td>
</tr>
<tr>
<td>38</td>
<td>SCK</td>
<td>电容触摸屏 IIC_SCL 信号(CT_SCL)</td>
</tr>
<tr>
<td>39</td>
<td>PEN</td>
<td>电容触摸屏中断信号(CT_INT)</td>
</tr>
<tr>
<td>40</td>
<td>RESET</td>
<td>LCD 复位信号（低电平有效）</td>
</tr>
</tbody></table>
<p>从上表可以看出， LCD 控制器总共需要 29 个 IO 口驱动（RGB888 格式），电容触摸屏需要 4 个 IO 口驱动，这样整个模块需要 33 个 IO 口驱动。注意：该模块的数据线 R7、 G7 和 B7 可以用于区分 RGB 屏的类型（可以看做是 ID）。MCU 在初始化 RGB 屏参数之前，先读取 R7&#x2F;G7&#x2F;B7 的状态，从而判断 RGB 屏类型，对应关系如表  :</p>
<table>
<thead>
<tr>
<th align="center">M2(B7)</th>
<th align="center">M1(G7)</th>
<th align="center">M0(R7)</th>
<th>RGBLCD 模块参数</th>
</tr>
</thead>
<tbody><tr>
<td align="center">0</td>
<td align="center">0</td>
<td align="center">0</td>
<td>4.3 寸， 480*272 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">0</td>
<td align="center">0</td>
<td align="center">1</td>
<td>7 寸， 800*480 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">0</td>
<td align="center">1</td>
<td align="center">0</td>
<td>7 寸， 1024*600 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">0</td>
<td align="center">1</td>
<td align="center">1</td>
<td>7 寸， 1280*800 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">0</td>
<td align="center">0</td>
<td>4.3 寸， 800*480 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">0</td>
<td align="center">1</td>
<td>10.1 寸 1280*800 分辨率（RGB）</td>
</tr>
<tr>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
<td>暂时未用到</td>
</tr>
</tbody></table>
<p>由表可知，我们可以通过读取 R7&#x2F;G7&#x2F;B7 来判断 LCD 的尺寸和分辨率，从而使得 MCU可以在同一个程序里面，兼容不同尺寸和分辨率的 RGB 屏。 从表可知， ATK-MD0430R-480272 屏幕 ID 为 000，而 ATK-MD0430R-800480 屏幕 ID 为 100。  </p>
<h3 id="2-3-接口时序表"><a href="#2-3-接口时序表" class="headerlink" title="2.3 接口时序表"></a><font size=3>2.3 接口时序表</font></h3><p>ATK-MD0430R-800480 模块采用 24 位并行 RGB 接口， 该接口的时序如表 ：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410151200644.png" alt="image-20250410151200644" style="zoom: 80%;" />

<p>fclk、 Tvb、 Tvfp、 Thbp、 Thfp 这五个参数很重要， 在写驱动程序的时候会使用其配置 RGBLCD 的时序。ATK-MD0430R-800480 模块的输入信号特性如表 ：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410151224900.png" alt="image-20250410151224900" style="zoom:80%;" />

<p>最重要的两个参数就是 Thwh 和 Tvwh，这两个就是 hsw 和 vsw， 在写程序的时候需要用到。  </p>
<h2 id="3-芯片手册"><a href="#3-芯片手册" class="headerlink" title="3. 芯片手册"></a><font size=3>3. 芯片手册</font></h2><p>这个模块的裸屏规格书是这个WKS43235。这里有个在线的：<a target="_blank" rel="noopener" href="https://max.book118.com/html/2023/0523/7036140066005111.shtm">4.3寸800480裸屏规格书.pdf-原创力文档</a>（或者看我的仓库：<a target="_blank" rel="noopener" href="https://gitee.com/sumumm/imx6ull-bare-demo/raw/master/21_lcd/ATK-MD0430R-800480%E8%A3%B8%E5%B1%8F%E8%B5%84%E6%96%99/4.3%E5%AF%B8800480%E8%A3%B8%E5%B1%8F%E8%A7%84%E6%A0%BC%E4%B9%A6.pdf">WKS43235_SPEC_V0.0.doc</a>）。规格书里面没有写这个LCD屏幕使用的驱动IC：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410150118893.png" alt="image-20250410150118893" style="zoom: 50%;" />

<p>不过模块资料里面给了 ST7262的芯片手册，这里有一个在线的芯片手册： <a target="_blank" rel="noopener" href="https://www.orientdisplay.com/pdf/ST7262.pdf">ST7262</a>（或者看我的仓库：<a target="_blank" rel="noopener" href="https://gitee.com/sumumm/imx6ull-bare-demo/raw/master/21_lcd/ATK-MD0430R-800480%E8%A3%B8%E5%B1%8F%E8%B5%84%E6%96%99/4.3%E5%AF%B8800480%E8%A3%B8%E5%B1%8F%E9%A9%B1%E5%8A%A8IC-ST7262.pdf">ST7262</a>）。这个应该是用于驱动裸屏的把。时序也可以在这个芯片手但是册中找到（但是吧，上面的时序相关的表和这个芯片的手册貌似有点对不上，我也不搞不懂了，但是提供的资料里面的裸屏IC驱动芯片的芯片手册就是这个，反正原理都类似）。</p>
<h1 id="二、LCD时序分析"><a href="#二、LCD时序分析" class="headerlink" title="二、LCD时序分析"></a><font size=3>二、LCD时序分析</font></h1><h2 id="1-时间参数"><a href="#1-时间参数" class="headerlink" title="1. 时间参数"></a><font size=3>1. 时间参数</font></h2><p>先来看一下下面的一张图：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/012_lcd_controller_timing.png" alt="image-20210109154234559"  />



<p>如果将 LCD 显示一帧图像的过程想象成绘画，那么在显示的过程中就是用一根“笔”在不同的像素点画上不同的颜色。这根笔按照从左至右、从上到下的顺序扫描每个像素点，并且在像素画上对应的颜色，当画到最后一个像素点的时候一幅图像就绘制好了。  我们来看一下 LCD 是怎么扫描显示一帧图像的。  </p>
<h3 id="1-1-水平同步信号HSYNC"><a href="#1-1-水平同步信号HSYNC" class="headerlink" title="1.1 水平同步信号HSYNC"></a><font size=3>1.1 水平同步信号HSYNC</font></h3><p>一帧图像也是由一行一行组成的。 HSYNC 是水平同步信号，也叫做<strong>行同步信号</strong>，当产生此信号的话就表示开始显示新的一行了，所以此信号都是在图的最左边。它表示液晶屏一行像素数据的传输结束，<strong>每传输完成液晶屏的一行像素数据时， HSYNC会发生电平跳变</strong>，如分辨率为800x480的显示屏(800列，480行)，传输一帧的图像HSYNC的电平会跳变480次。</p>
<h3 id="1-2-垂直同步信号VSYNC"><a href="#1-2-垂直同步信号VSYNC" class="headerlink" title="1.2 垂直同步信号VSYNC"></a><font size=3>1.2 垂直同步信号VSYNC</font></h3><p>VSYNC 信号是垂直同步信号，也叫做<strong>帧同步信号</strong>，当产生此信号的话就表示开始显示新的一帧图像了  。垂直同步信号VSYNC(Vertical Sync)用于表示液晶屏一帧像素数据的传输结束，每传输完成一帧像素数据时， VSYNC会发生电平跳变。其中“帧”是图像的单位，一幅图像称为一帧，在液晶屏中，一帧指一个完整屏液晶像素点。 我们常常用“帧&#x2F;秒”来表示液晶屏的刷新特性，即液晶屏每秒可以显示多少帧图像，如液晶屏以60帧&#x2F;秒的速率运行时， VSYNC每秒钟电平会跳变60次。</p>
<h3 id="1-3-HBP、-HFP、-VBP-和-VFP"><a href="#1-3-HBP、-HFP、-VBP-和-VFP" class="headerlink" title="1.3 HBP、 HFP、 VBP 和 VFP"></a><font size=3>1.3 HBP、 HFP、 VBP 和 VFP</font></h3><p>接下来看这四个参数。其实上面的那张图不是很明显，我们看下这张：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410141911816.png" alt="image-20250410141911816" style="zoom: 80%;" />

<p>和上面是一样的，只是，多了一圈“黑边”。真正有效的显示区域是中间的白色部分。那这一圈“黑边”是什么东西呢？这就要从显示器的“祖先” CRT 显示器开始说起了， CRT 显示器就是以前很常见的那种大屁股显示器，在现在应该很少见了，如果在农村有可能应该还是可以见到的。</p>
<p>CRT 显示器屁股后面是个电子枪，这个电子枪就是我们上面说的“画笔”，电子枪打出的电子撞击到屏幕上的荧光物质使其发光。只要控制电子枪从左到右扫完一行(也就是扫描一行)，然后从上到下扫描完所有行，这样一帧图像就显示出来了。也就是说，显示一帧图像电子枪是按照‘Z’形在运动，当扫描速度很快的时候看起来就是一幅完成的画面了。 </p>
<p>当显示完一行以后会发出 HSYNC 信号，此时电子枪就会关闭，然后迅速的移动到屏幕的左边，当 HSYNC 信号结束以后就可以显示新的一行数据了，电子枪就会重新打开。在 HSYNC信号结束到电子枪重新打开之间会插入一段延时，这段延时就是图中的 <strong>HBP</strong>  。</p>
<p>当显示完一行以后就会关闭电子枪等待 HSYNC 信号产生，关闭电子枪到 HSYNC 信号产生之间会插入一段延时，这段延时就是图中的 <strong>HFP</strong> 信号。  </p>
<p>同理，当显示完一帧图像以后电子枪也会关闭，然后等到 VSYNC 信号产生，期间也会加入一段延时，这段延时就是图中的 <strong>VFP</strong>。    </p>
<p>VSYNC 信号产生，电子枪移动到左上角，当 VSYNC 信号结束以后电子枪重新打开，中间也会加入一段延时，这段延时就是图中的 <strong>VBP</strong>。</p>
<p>HBP、 HFP、 VBP 和 VFP 就是导致图中黑边的原因，但是这是 CRT 显示器存在黑边的原因，现在是 LCD 显示器，不需要电子枪了，那么为何还会有黑边？这是因为 RGB LCD屏幕内部是有一个 IC 的，发送一行或者一帧数据给 IC， IC 是需要反应时间的。通过这段反应时间可以让 IC 识别到一行数据扫描完了，要换行了，或者一帧图像扫描完了，要开始下一帧图像显示了。因此，在 LCD 屏幕中继续存在 HBP、 HFP、 VPB 和 VFP 这四个参数的主要目的是为了<strong>锁定有效的像素数据</strong>。</p>
<p>这四个时间是 LCD 重要的时间参数，后面编写 LCD 驱动的时候要用到的，至于这四个时间参数具体值是多少，那要需要去查看所使用的 LCD 数据手册了。        </p>
<h3 id="1-4-RGB-LCD屏幕时序"><a href="#1-4-RGB-LCD屏幕时序" class="headerlink" title="1.4 RGB LCD屏幕时序"></a><font size=3>1.4 RGB LCD屏幕时序</font></h3><h4 id="1-4-1-行显示时序"><a href="#1-4-1-行显示时序" class="headerlink" title="1.4.1 行显示时序"></a><font size=3>1.4.1 行显示时序</font></h4><p>上面了解了行显示和帧显示，我们来看一下<strong>行显示对应的时序图</strong>：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410142908317.png" alt="image-20250410142908317"  />

<p>上图就是 RGB LCD 的行显示时序，我们来分析一下其中重要的几个参数：  </p>
<ul>
<li>HSYNC：行同步信号，当此信号有效的话就表示开始显示新的一行数据，查阅所使用的LCD 数据手册可以知道此信号是低电平有效还是高电平有效，假设此时是低电平有效。</li>
<li>HSPW： 有些地方也叫做 thp，是 HSYNC 信号宽度，也就是 HSYNC 信号持续时间。 HSYNC信号不是一个脉冲，而是需要持续一段时间才是有效的，单位为 CLK。</li>
<li>HBP： 有些地方叫做 thb，前面已经学习过了，术语叫做行同步信号后肩，单位是 CLK。</li>
<li>HOZVAL：有些地方叫做 thd，显示一行数据所需的时间，假如屏幕分辨率为 1024*600，那么 HOZVAL 就是 1024，单位为 CLK。</li>
<li>HFP：有些地方叫做 thf，前面已经学习过了， 术语叫做行同步信号前肩，单位是 CLK。</li>
<li>CLK：同步时钟信号CLK，液晶屏与外部使用同步通讯方式，以CLK信号作为同步时钟，在同步时钟的驱动下，每个时钟传输一个像素点数据。</li>
<li>DE：数据使能信号DE(Data Enable)用于表示数据的有效性，当DE信号线为高电平时，RGB信号线表示的数据有效。</li>
</ul>
<p>当 HSYNC 信号发出以后，需要等待 HSPW+HBP 个 CLK 时间才会接收到真正有效的像素数据。当显示完一行数据以后需要等待 HFP 个 CLK 时间才能发出下一个 HSYNC 信号。</p>
<p>所以<strong>显示一行所需要的时间</strong>就是： <code>HSPW + HBP + HOZVAL + HFP</code>。  </p>
<h4 id="1-4-2-帧显示时序"><a href="#1-4-2-帧显示时序" class="headerlink" title="1.4.2 帧显示时序 "></a><font size=3>1.4.2 帧显示时序 </font></h4><p>一帧图像就是由很多个行组成的， RGB LCD 的帧显示时序 ：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410143325033.png" alt="image-20250410143325033"  />

<p>上图就是RGB LCD 的帧显示时序，我们来分析一下其中重要的几个参数：</p>
<ul>
<li>VSYNC：帧同步信号，当此信号有效的话就表示开始显示新的一帧数据，查阅所使用的LCD 数据手册可以知道此信号是低电平有效还是高电平有效，假设此时是低电平有效。</li>
<li>VSPW： 有些地方也叫做 tvp，是 VSYNC 信号宽度，也就是 VSYNC 信号持续时间，单位为 1 行的时间。</li>
<li>VBP： 有些地方叫做 tvb，前面已经学习过了，术语叫做帧同步信号后肩，单位为 1 行的时间。</li>
<li>LINE： 有些地方叫做 tvd，显示一帧有效数据所需的时间，假如屏幕分辨率为 1024*600，那么 LINE 就是 600 行的时间。</li>
<li>VFP： 有些地方叫做 tvf，前面已经学习过了，术语叫做帧同步信号前肩，单位为 1 行的时间。</li>
</ul>
<p><strong>显示一帧所需要的时间</strong>就是： <code>VSPW+VBP+LINE+VFP</code> 个行时间，最终的计算公式：  </p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">T = (VSPW+VBP+LINE+VFP) * (HSPW + HBP + HOZVAL + HFP)</span><br></pre></td></tr></table></figure>

<h2 id="2-像素时钟"><a href="#2-像素时钟" class="headerlink" title="2. 像素时钟"></a><font size=3>2. 像素时钟</font></h2><h3 id="2-1-怎么计算？"><a href="#2-1-怎么计算？" class="headerlink" title="2.1 怎么计算？"></a><font size=3>2.1 怎么计算？</font></h3><p>像素时钟就是 RGB LCD 的时钟信号，以 ATK7016 这款屏幕为例：</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410155353414.png" alt="image-20250410155353414"  />

<p>显示一帧图像所需要的时钟数就是：  </p>
<figure class="highlight c"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">CLK_NUM = (VSPW+VBP+LINE+VFP) * (HSPW + HBP + HOZVAL + HFP)</span><br><span class="line">		= (<span class="number">3</span> + <span class="number">20</span> + <span class="number">600</span> + <span class="number">12</span>) * (<span class="number">20</span> + <span class="number">140</span> + <span class="number">1024</span> + <span class="number">160</span>)</span><br><span class="line">		= <span class="number">635</span> * <span class="number">1344</span></span><br><span class="line">		= <span class="number">853440</span>。</span><br></pre></td></tr></table></figure>

<p>显示一帧图像需要853440个时钟数，那么显示60帧就是： 853440 * 60 &#x3D; 51206400≈51.2M，所以像素时钟就是 51.2MHz。</p>
<h3 id="2-2-时钟怎么来的？"><a href="#2-2-时钟怎么来的？" class="headerlink" title="2.2 时钟怎么来的？"></a><font size=3>2.2 时钟怎么来的？</font></h3><p>I.MX6U是可以通过eLCDIF来控制LCD， 这个eLCDIF控制器后面再说，想先来看一下eLCDIF 接口时钟图：  </p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410165527136.png" alt="image-20250410165527136"  />

<p>①、此部分是一个选择器，用于选择哪个 PLL 可以作为 LCDIF 时钟源，由寄存器CCM_CSCDR2 的位 LCDIF1_PRE_CLK_SEL(bit17:15)来决定， LCDIF1_PRE_CLK_SEL 选择设置如表  </p>
<table>
<thead>
<tr>
<th align="center">值</th>
<th align="center">时钟源</th>
</tr>
</thead>
<tbody><tr>
<td align="center">0</td>
<td align="center">PLL2 作为 LCDIF 的时钟源。</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">PLL3_PFD3 作为 LCDIF 的时钟源。</td>
</tr>
<tr>
<td align="center">2</td>
<td align="center">PLL5 作为 LCDIF 的时钟源。</td>
</tr>
<tr>
<td align="center">3</td>
<td align="center">PLL2_PFD0 作为 LCDIF 的时钟源。</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">PLL2_PFD1 作为 LCDIF 的时钟源。</td>
</tr>
<tr>
<td align="center">5</td>
<td align="center">PLL3_PFD1 作为 LCDIF 的时钟源。</td>
</tr>
</tbody></table>
<p>②、 此部分是 LCDIF 时钟的预分频器，由寄存器 CCM_CSCDR2 的位 LCDIF1_PRED 来决定预分频值。 可设置值为 0<del>7，分别对应 1</del>8 分频。</p>
<p>③、 此部分进一步分频，由寄存器 CBCMR 的位 LCDIF1_PODF 来决定分频值。 可设置值为 0<del>7，分别对应 1</del>8 分频。</p>
<p>④、此部分是一个选择器，选择 LCDIF 最终的根时钟，由寄存器 CSCDR2 的位LCDIF1_CLK_SEL 决定， LCDIF1_CLK_SEL 选择设置如表所示：</p>
<table>
<thead>
<tr>
<th align="center">值</th>
<th align="center">时钟源</th>
</tr>
</thead>
<tbody><tr>
<td align="center">0</td>
<td align="center">前面复用器出来的时钟，也就是前面 PLL5 出来的时钟作为 LCDIF 的根时钟。</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">ipp_di0_clk 作为 LCDIF 的根时钟。</td>
</tr>
<tr>
<td align="center">2</td>
<td align="center">ipp_di1_clk 作为 LCDIF 的根时钟。</td>
</tr>
<tr>
<td align="center">3</td>
<td align="center">ldb_di0_clk 作为 LCDIF 的根时钟。</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">ldb_di1_clk 作为 LCDIF 的根时钟。</td>
</tr>
</tbody></table>
<p>里肯定选择 PLL5 出来的那一路时钟作为 LCDIF 的根时钟，因此 LCDIF1_CLK_SEL 设置为 0。 LCDIF 既然选择了 PLL5 作为时钟源，那么还需要初始化 PLL5， LCDIF 的时钟是由PLL5 和图 24.1.1.8 中的②、③这两个分频值决定的，所以需要对这三个进行合理的设置以搭配出所需的时钟值，我们就以 ATK7016 屏幕所需的 51.2MHz 为例，看看如何进行配置。  </p>
<p>PLL5 频率设置涉及到四个寄存器： CCM_PLL_VIDEO、 CCM_PLL_VIDEO_NUM、CCM_PLL_VIDEO_DENOM 、 CCM_MISC2 。 其 中 CCM_PLL_VIDEO_NUM 和CCM_PLL_VIDEO_DENOM 这两个寄存器是用于小数分频的，我们这里为了简单不使用小数分频，因此这两个寄存器设置为 0。  </p>
<p>PLL5 的时钟计算公式如下：  </p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">PLL5_CLK = OSC24M * (loopDivider + (denominator / numerator)) / postDivider</span><br></pre></td></tr></table></figure>

<p>不使用小数分频的话 PLL5 时钟计算公式就可以简化为 ：  </p>
<figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">PLL5_CLK = OSC24M * loopDivider / postDivider</span><br></pre></td></tr></table></figure>

<p>OSC24M 就是 24MHz 的有源晶振，现在的问题就是设置 loopDivider 和 postDivider。先来看一下寄存器 CCM_PLL_VIDEO，此寄存器结构如图:</p>
<img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250410165950626.png" alt="image-20250410165950626" style="zoom:50%;" />

<p>寄存器 CCM_PLL_VIDEO 用到的重要的位如下：  </p>
<ul>
<li>POST_DIV_SLECT(bit20:19)： 此位和寄存器 CCM_ANALOG_CCMSC2 的 VIDEO_DIV 位共同决定了 postDivider，为 0 的话是 4 分频，为 1 的话是 2 分频，为 2 的话是 1 分频。本章设置为 2，也就是 1 分频。</li>
<li>ENABLE(bit13)： PLL5(PLL_VIDEO)使能位，为 1 的话使能 PLL5，为 0 的话关闭 PLL5。</li>
<li>DIV_SELECT(bit6:0)： loopDivider 值，范围为 27~54，这里需要设置为 32。寄存器 CCM_ANALOG_MISC2 的位 VIDEO_DIV(bit31:30)与寄存器 CCM_PLL_VIDEO 的位 POST_DIV_SLECT(bit20:19)共同决定了 postDivider，通过这两个的配合可以获得 2、 4、 8、16 分频。</li>
</ul>
<p>这里将 VIDEO_DIV 设置为 0，也就是 1 分频，因此 postDivider 就是 1， loopDivider设置为 32， PLL5 的时钟频率就是：  </p>
<figure class="highlight c"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">PLL5_CLK = OSC24M * loopDivider / postDivider</span><br><span class="line">         = <span class="number">24</span>M * <span class="number">32</span> / <span class="number">1</span></span><br><span class="line">         = <span class="number">768</span>MHz。</span><br></pre></td></tr></table></figure>

<p>PLL5 此时为 768MHz，在经过图中的②和③进一步分频，设置②中为 3 分频，也就是寄存器 CCM_CSCDR2 的位 LCDIF1_PRED(bit14:12)为 2。设置③中为 5 分频，就是寄存器CCM_CBCMR 的位 LCDIF1_PODF(bit25:23)为 4。设置好以后最终进入到 LCDIF 的时钟频率就是： 768&#x2F;3&#x2F;5 &#x3D;51.2MHz，这就是我们需要的像素时钟频率。  </p>
<h2 id="3-LCD时序参数总结"><a href="#3-LCD时序参数总结" class="headerlink" title="3. LCD时序参数总结"></a><font size=3>3. LCD时序参数总结</font></h2><p>如下图所示（左右两张图中HSYNC和VSYNC有效电平是可配置的，具体看手册，高低都有可能，左右两张图对比参考）：</p>
<p><img data-src="https://fanhua-picture.oss-cn-hangzhou.aliyuncs.com/01%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/02IMX6ULL%E5%B9%B3%E5%8F%B0/LV10-LCD%E9%A9%B1%E5%8A%A8/LV10-01-LCD%E9%A9%B1%E5%8A%A8-02-LCD%E6%97%B6%E5%BA%8F%E5%88%86%E6%9E%90/img/image-20250411111347791.png" alt="image-20250411111347791"></p>
<table style="font-size: 14px">
    <tr>
        <td width=70px align="center">时序</td>
        <td width=200px align="center">时间参数</td>
        <td width=120px align="center">其他名称</td>
        <td align="center">参数说明</td>
    </tr>
    <tr>
        <td rowspan=5 align="center">行显示</td>
        <td align="center">HSYNC<br>(Horizontal Sync)</td>
        <td align="center">-</td>
        <td align="left">行同步信号，一行像素数据的传输结束</td>
    </tr>
    <tr>
        <td align="center">HSW<br>(horizontal sync width)</td>
        <td align="center">HSPW、thp</td>
        <td align="left">HSYNC 信号宽度，就是水平同步信号的宽度，单位为同步时钟CLK的个数</td>
    </tr>
    <tr>
        <td align="center">HBP<br>(horizontal back porch)</td>
        <td align="center">thb</td>
        <td align="left">表示从水平同步信号开始到一行的有效数据开始之间的CLK的个数（在 HSYNC 信号结束到电子枪重新打开之间插入的一段延时）</td>
    </tr>
    <tr>
        <td align="center">HOZVAL</td>
        <td align="center">thd</td>
        <td align="left">显示一行数据所需的时间，假如屏幕分辨率为 1024*600，那么 HOZVAL 就是 1024，单位为 CLK。</td>
    </tr>
    <tr>
        <td align="center">HFP<br>(horizontal front porth)</td>
        <td align="center">thf</td>
        <td align="left">表示一行的有效数据结束到下一个水平同步信号开始之间的CLK的个数（显示完一行以后就会关闭电子枪等待 HSYNC 信号产生，关闭电子枪到 HSYNC 信号产生之间插入的一段延时）。</td>
    </tr>
    <tr>
        <td rowspan=5 align="center">帧显示</td>
        <td align="center">VSYNC<br>(Vertical Sync)</td>
        <td align="center">-</td>
        <td align="left">帧同步信号，一帧像素数据的传输结束</td>
    </tr>
    <tr>
        <td align="center">VSW<br>(vertical sync width)</td>
        <td align="center">VSPW、tvp</td>
        <td align="left">VSYNC 信号宽度，就是垂直同步信号的宽度，单位为 1 行的时间</td>
    </tr>
    <tr>
        <td align="center">VBP<br>(vertical back porch)</td>
        <td align="center">tvb</td>
        <td align="left">表示在一帧图像开始时，垂直同步信号以后的无效的行数，单位为 1 行的时间。（VSYNC 信号产生，电子枪移动到左上角，VSYNC 信号结束以后电子枪重新打开，中间加入的一段延时）</td>
    </tr>
    <tr>
        <td align="center">LINE</td>
        <td align="center">tvd</td>
        <td align="left">显示一帧有效数据所需的时间，假如屏幕分辨率为 1024*600，那么 LINE 就是 600 行的时间。</td>
    </tr>
    <tr>
        <td align="center">VFP<br>(vertical front porch)</td>
        <td align="center">tvf</td>
        <td align="left">表示在一帧图像结束后，垂直同步信号以前的无效的行数（当显示完一帧图像以后电子枪也会关闭，然后等到 VSYNC 信号产生，期间也会加入的一段延时）。</td>
    </tr>
</table>


    </div>

    
    
    

    <footer class="post-footer">




    <div>
        
            <div style="text-align:center;color: #ccc;font-size:14px;">
            ----------本文结束
            <i class="fas fa-fan fa-spin" style="color: #FF1493; font-size: 1rem"></i>
            感谢您的阅读----------
            </div>
        
    </div>





  
  <div class="my_post_copyright"> 
    <p><span>文章标题:</span><a href="/post/3e5a6532.html">LV10-01-LCD驱动-02-LCD时序分析</a></p>
    <p><span>文章作者:</span><a href="/" title="欢迎访问 《苏木》 的学习笔记">苏木</a></p>
    <p><span>发布时间:</span>2025年04月16日 - 20:55</p>
    <p><span>最后更新:</span>2025年06月14日 - 00:25</p>
    <p><span>原始链接:</span><a href="/post/3e5a6532.html" title="LV10-01-LCD驱动-02-LCD时序分析">https://sumumm.github.io/post/3e5a6532.html</a></p>
    <p><span>许可协议:</span><i class="fab fa-creative-commons"></i> <a rel="license" href= "https://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" title="Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)">署名-非商业性使用-禁止演绎 4.0 国际</a> 转载请保留原文链接及作者。</p>  
  </div>
  


          <div class="post-tags">
              <a href="/tags/LV10-LCD%E9%A9%B1%E5%8A%A8/" rel="tag"><i class="fa fa-tag"></i> LV10-LCD驱动</a>
          </div>

        

          <div class="post-nav">
            <div class="post-nav-item">
                <a href="/post/562ab748.html" rel="prev" title="LV10-01-LCD驱动-03-LCD控制器">
                  <i class="fa fa-angle-left"></i> LV10-01-LCD驱动-03-LCD控制器
                </a>
            </div>
            <div class="post-nav-item">
                <a href="/post/5656ed3f.html" rel="next" title="LV10-01-LCD驱动-01-LCD基础知识">
                  LV10-01-LCD驱动-01-LCD基础知识 <i class="fa fa-angle-right"></i>
                </a>
            </div>
          </div>
    </footer>
  </article>
</div>






</div>
  </main>

  <footer class="footer">
    <div class="footer-inner">

  <div class="copyright">
    &copy; 2017 – 
    <span itemprop="copyrightYear">2025</span>
    <span class="with-love">
      <i class="fa fa-heart"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">苏木</span>
  </div>
<div class="wordcount">
  <span class="post-meta-item">
    <span class="post-meta-item-icon">
      <i class="fa fa-chart-line"></i>
    </span>
      <span>站点总字数：</span>
    <span title="站点总字数">3.7m</span>
  </span>
  <span class="post-meta-item">
    <span class="post-meta-item-icon">
      <i class="fa fa-coffee"></i>
    </span>
      <span>站点阅读时长 &asymp;</span>
    <span title="站点阅读时长">225:26</span>
  </span>
</div>




    <span id="sitetime"></span>
    <script defer language=javascript>
        function siteTime()
        {
            window.setTimeout("siteTime()", 1000);
            var seconds = 1000;
            var minutes = seconds * 60;
            var hours = minutes * 60;
            var days = hours * 24;
            var years = days * 365;
            var today = new Date();
            var todayYear = today.getFullYear();
            var todayMonth = today.getMonth()+1;
            var todayDate = today.getDate();
            var todayHour = today.getHours();
            var todayMinute = today.getMinutes();
            var todaySecond = today.getSeconds();
            /*==================================================
            Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
            year        - 作为date对象的年份，为4位年份值
            month       - 0-11之间的整数，做为date对象的月份
            day         - 1-31之间的整数，做为date对象的天数
            hours       - 0(午夜24点)-23之间的整数，做为date对象的小时数
            minutes     - 0-59之间的整数，做为date对象的分钟数
            seconds     - 0-59之间的整数，做为date对象的秒数
            microseconds - 0-999之间的整数，做为date对象的毫秒数
            ==================================================*/
            var t1 = Date.UTC(2017, 
                              5, 
                              19, 
                              0, 
                              0, 
                              0); //北京时间
            var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
            var diff = t2-t1;
            var diffYears = Math.floor(diff/years);
            var diffDays = Math.floor((diff/days)-diffYears*365);
            var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
            var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
            var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
            document.getElementById("sitetime").innerHTML="已在这里 "+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
        }
        siteTime();
    </script>



    </div>
  </footer>

  
  <div class="back-to-top" role="button" aria-label="返回顶部">
    <i class="fa fa-arrow-up fa-lg"></i>
    <span>0%</span>
  </div>
  <div class="reading-progress-bar"></div>

<noscript>
  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>


  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/next-theme-pjax/0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.28/fancybox/fancybox.umd.js" integrity="sha256-ytMJGN3toR+a84u7g7NuHm91VIR06Q41kMWDr2pq7Zo=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
<script src="/js/third-party/search/local-search.js"></script>




  <script src="/js/third-party/fancybox.js"></script>

  <script src="/js/third-party/pace.js"></script>


  




  

  <script class="next-config" data-name="enableMath" type="application/json">true</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"none","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
<script src="/js/third-party/math/mathjax.js"></script>


 
        <div id="click-show-text"
            data-mobile = false
            data-text = 富强,民主,文明,和谐,自由,平等,公正,法制,爱国,敬业,诚信,友善
            data-fontsize = 15px
            data-random= false>
        </div>
       

      
        <script async src=https://cdn.jsdelivr.net/npm/hexo-next-mouse-effect@latest/click/showText.js></script>
      

      
    




    <script async src="/js/fancybox_param.js"></script>





<!-- APlayer本体 -->



</body>
</html>
